<template>
	<Layout>
		<template #title>全部评价</template>
		<ScorllRefresher>
			<view class="lawyer-appraise-page">
				<view v-for="i in 10" :key="i" class="inline-flex fill column user-comment">
					<view class="inline-flex fill user-comment__info">
						<image class="inline-flex user-comment__info__portrait"></image>
						<view class="flex column user-comment__info__other">
							<view>199*****858</view>
							<text>2023-12-23 12:23</text>
						</view>
						<view class="user-comment__info__rate">
							<u-rate inactive-color="#D9D9D9" active-color="#FF710A" :count="5"
								:model-value="3"></u-rate>
						</view>
					</view>
					<view class="inline-flex fill user-comment__content">
						太好了，我咨询的问题对于我个人来说很重要
					</view>
				</view>
			</view>
		</ScorllRefresher>
	</Layout>
</template>

<script setup lang="ts" name="LawyerAppraise">
	import Layout from '@/components/layout/layout.vue';
	import ScorllRefresher from '@/components/scroll-refresher/scroll-refresher.vue';
</script>

<style lang="scss">
	.lawyer-appraise-page {
		padding-top: 30rpx;
	}
</style>